import { Component } from 'react';
import { inject, observer } from 'mobx-react';
import './index.css';
import './index.scss';
interface Iprops {
  apps: any;
}
@inject('apps')
@observer
class Twohouse extends Component<Iprops> {
  render() {
    return (
      <div className="box">
        <div className="mod_download">
          <div className="pictext">
            <div className="download_logo">
              <img
                src="https://s1.ljcdn.com/hulk-web/static/m/images/common/logo300x300.png?_v=20210716191023b5e"
                alt=""
              />
            </div>
            <div className="download_desc box_col">
              <div className="download_title">使用链家APP</div>
              <div className="download_sub">即享个性化房源推荐</div>
            </div>
            <div className="download_btn">立即打开</div>
          </div>
        </div>
        <div className="home_header">
          <div className="top">
            <div className="box_col">
              <a href="#">
                <span className="switch_city">
                  <em className="city">北京</em>
                  <i className="icon_pull"></i>
                </span>
              </a>
            </div>
            <a href="/login" className="my">
              <i className="icon_user"></i>
            </a>
          </div>
          <div className="content">
            <div className="slogan">链上你未来的家 真房源如你所见</div>
            <a href="#">
              <div className="search_box">
                <i className="icon_search_gray"></i>
                <input
                  type="text"
                  className="input"
                  placeholder="输入小区或商圈开始找房咯~"
                />
              </div>
            </a>
          </div>
        </div>
        <div className="content_area">
          <div className="mod_box channel_nav">
            <div className="gridbox col_4">
              <h2 className="box_col CLICKDATA">
                <a href="#" className="inner post_ulog">
                  <div className="icon_img">
                    <img src={require('@/statics/images/fangzi.png')} alt="" />
                  </div>
                  <div className="name">二手房</div>
                </a>
              </h2>
              <h2 className="box_col CLICKDATA">
                <a href="#" className="inner post_ulog">
                  <div className="icon_img">
                    <img src={require('@/statics/images/dalou.png')} alt="" />
                  </div>
                  <div className="name">新房</div>
                </a>
              </h2>
              <h2 className="box_col CLICKDATA">
                <a href="#" className="inner post_ulog">
                  <div className="icon_img">
                    <img src={require('@/statics/images/xinglix.png')} alt="" />
                  </div>
                  <div className="name">租房</div>
                </a>
              </h2>
              <h2 className="box_col CLICKDATA">
                <a href="#" className="inner post_ulog">
                  <div className="icon_img">
                    <img
                      src={require('@/statics/images/lunchuan.png')}
                      alt=""
                    />
                  </div>
                  <div className="name">海外</div>
                </a>
              </h2>
              <h2 className="box_col CLICKDATA">
                <a href="#" className="inner post_ulog">
                  <div className="icon_img">
                    <img src={require('@/statics/images/shauzi.png')} alt="" />
                  </div>
                  <div className="name">装修</div>
                </a>
              </h2>
              <h2 className="box_col CLICKDATA">
                <a href="#" className="inner post_ulog">
                  <div className="icon_img">
                    <img
                      src={require('@/statics/images/shangdain.png')}
                      alt=""
                    />
                  </div>
                  <div className="name">商铺办公</div>
                </a>
              </h2>
              <h2 className="box_col CLICKDATA">
                <a href="#" className="inner post_ulog">
                  <div className="icon_img">
                    <img src={require('@/statics/images/xiaoqu.png')} alt="" />
                  </div>
                  <div className="name">找小区</div>
                </a>
              </h2>
              <h2 className="box_col CLICKDATA">
                <a href="#" className="inner post_ulog">
                  <div className="icon_img">
                    <img
                      src={require('@/statics/images/biaoqian.png')}
                      alt=""
                    />
                  </div>
                  <div className="name">买房</div>
                </a>
              </h2>
            </div>
          </div>
          <div className="mod_box data_channel tool_list">
            <dl className="channel_box">
              <dt className="title">
                <a href="#">常用工具</a>
              </dt>
              <dd className="tool_list_wrap gridbox col_5">
                <a href="#" className="link box_col CLICKDATA">
                  <span className="icon icon_img">
                    <img
                      src={require('@/statics/images/jingjiren.png')}
                      alt=""
                    />
                  </span>
                  <div>找经纪人</div>
                </a>
                <a href="#" className="link box_col CLICKDATA">
                  <span className="icon icon_img">
                    <img src={require('@/statics/images/wenda.png')} alt="" />
                  </span>
                  <div>问答</div>
                </a>
                <a href="#" className="link box_col CLICKDATA">
                  <span className="icon icon_img">
                    <img src={require('@/statics/images/baike.png')} alt="" />
                  </span>
                  <div>百科</div>
                </a>
                <a href="#" className="link box_col CLICKDATA">
                  <span className="icon icon_img">
                    <img src={require('@/statics/images/dianhua.png')} alt="" />
                  </span>
                  <div>客服电话</div>
                </a>
                <a href="#" className="link box_col CLICKDATA">
                  <span className="icon icon_img">
                    <img src={require('@/statics/images/计算机.png')} alt="" />
                  </span>
                  <div>房贷</div>
                </a>
              </dd>
            </dl>
          </div>
          <div className="mod_box house_lists">
            <h3 className="mod_tit">
              <a href="#">
                为你推荐
                <div className="right">
                  <span className="gray mod_tab mod_ershoufang lazyload_ulog_action post_ulog active">
                    二手房
                  </span>
                  <span className="gray mod_tab mod_xinfang lazyload_ulog_action post_ulog">
                    新房
                  </span>
                  <span className="gray mod_tab mod_zufang lazyload_ulog_action post_ulog">
                    租房
                  </span>
                </div>
              </a>
            </h3>
            <div className="mod_cont">
              <ul className="lists mod_ershoufang active">
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li className="pictext">
                  <a
                    href="#"
                    className="a_mask post_ulog_search lazyload_ulog_search post_ulog_action lazyload_ulog_action"
                  ></a>
                  <div className="flexbox">
                    <div className="mod_media">
                      <div className="media_main">
                        <img
                          src={require('@/statics/images/屋里.jpg')}
                          alt=""
                          className="lazyload"
                        />
                        <span className="vr_item">
                          <i></i>
                        </span>
                      </div>
                    </div>
                    <div className="item_list">
                      <div className="item_main">
                        <img
                          src={require('@/statics/images/必看好房.png')}
                          alt=""
                          className="goodhouse_icon"
                        />
                        弘善家园 明厨明卫两居室 不临街 带落地阳台
                      </div>
                      <div className="item_other text_cut">
                        2室1厅/78.32m²/东北/潘家园
                      </div>
                      <div className="item_minor">
                        <span className="price_total">
                          <em>420</em>
                          <span className="unit">万</span>
                        </span>
                        <span className="unit_price">53627元/平</span>
                      </div>
                      <div className="tag_box">
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(89,171,253)',
                            background: 'rgba(89,171,253,0.15)',
                          }}
                        >
                          地铁
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(100,142,249)',
                            background: 'rgba(100,142,249,0.15)',
                          }}
                        >
                          VR房源
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(242,161,47)',
                            background: 'rgba(242,161,47,0.15)',
                          }}
                        >
                          满五年
                        </span>
                        <span
                          className="tag"
                          style={{
                            color: 'rgb(123,189,255)',
                            background: 'rgba(123,189,255,0.15)',
                          }}
                        >
                          有电梯
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <a
                  href="#"
                  className="btn post_ulog_search lazyload_ulog_action post_ulog"
                >
                  查看全部二手房源
                </a>
              </ul>
            </div>
          </div>
          <div className="footer">
            <div className="nav">
              <span className="location">
                <h1 className="cur">
                  <a href="#">北京手机链家网</a>
                </h1>
              </span>
              <span className="location cur">
                <i className="location_sp"></i>
                <a href="#">隐私声明</a>
              </span>
              <span className="location cur">
                <i className="location_sp"></i>
                <a href="#">营业执照</a>
              </span>
            </div>
            <div className="link_box">
              <div className="link_tit">
                <h3 className="li text_cut active">二手房</h3>
                <h3 className="li text_cut">小区</h3>
              </div>
              <div className="link_cont">
                <ul
                  className="gridbox col_3 contlists active"
                  data-mark="foot_navs"
                >
                  <li className="box_col">
                    <a href="https://m.lianjia.com/dg/ershoufang/">
                      东莞二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/sx/ershoufang/">
                      绍兴二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/weihai/ershoufang/">
                      威海二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/sy/ershoufang/">
                      沈阳二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/zhuzhou/ershoufang/">
                      株洲二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/jl/ershoufang/">
                      吉林二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/lf/ershoufang/">
                      廊坊二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/ts/ershoufang/">
                      唐山二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/liuzhou/ershoufang/">
                      柳州二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/wlmq/ershoufang/">
                      乌鲁木齐二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/zhanjiang/ershoufang/">
                      湛江二手房
                    </a>
                  </li>
                  <li className="box_col">
                    <a href="https://m.lianjia.com/bh/ershoufang/">
                      北海二手房
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div className="info"></div>
          </div>
        </div>
      </div>
    );
  }
}
export default Twohouse;
